<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/index.css">
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/index_nav.css">
    <link rel="stylesheet" href="../iconfont/font-awesome-4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="../css/details_page.css">
</head>

<body>
    <!-- 首页导航栏 -->
    <nav class="index_nav">
        <div class="index_nav_center">
            <ul class="left_nav">
                <li class="first_menu_li">
                    <i class="fa fa-home"></i>
                    <a class="first_menu" href="../html/index.html">
                        返回首页
                    </a>
                </li>
                <li class="first_menu_li">
                    <a class="first_menu" href="">
                        网站导航
                        <i class="fa fa-angle-down"></i>
                    </a>
                    <ul class="left_nav_secont_menu site_map">
                        <li class="close">
                            <i class=" fa fa-close"></i>
                        </li>
                        <li>
                            <dl>
                                <dt>特色购物</dt>
                                <dd>
                                    <p>
                                        <a href="">苏宁互联</a>
                                    </p>
                                    <p>
                                        <a href="">苏宁达人</a>
                                    </p>
                                    <p>
                                        <a href="">苏宁卡</a>
                                    </p>
                                    <p>
                                        <a href="">苏宁国际</a>
                                    </p>
                                    <p>
                                        <a href="">易回收</a>
                                    </p>
                                    <p>
                                        <a href="">二手优品</a>
                                    </p>
                                    <p>
                                        <a href="">领券中心</a>
                                    </p>
                                    <p>
                                        <a href="">苏宁Outlets</a>
                                    </p>
                                    <p>
                                        <a href="">导购指南</a>
                                    </p>
                                    <p>
                                        <a href="">江苏馆</a>
                                    </p>
                                </dd>
                            </dl>
                        </li>
                        <li>
                            <dl>
                                <dt>主题频道</dt>
                                <dd>
                                    <p>
                                        <a href="">电器城</a>
                                    </p>
                                    <p>
                                        <a href="">苏宁超市</a>
                                    </p>
                                    <p>
                                        <a href="">手机</a>
                                    </p>
                                    <p>
                                        <a href="">运动馆</a>
                                    </p>
                                    <p>
                                        <a href="">图书</a>
                                    </p>
                                    <p>
                                        <a href="">红孩子母婴</a>
                                    </p>
                                    <p>
                                        <a href="">美妆个护</a>
                                    </p>
                                    <p>
                                        <a href="">电脑</a>
                                    </p>
                                    <p>
                                        <a href="">服装城</a>
                                    </p>
                                    <p>
                                        <a href="">智能生活</a>
                                    </p>
                                    <p>
                                        <a href="">家装馆</a>
                                    </p>
                                    <p>
                                        <a href="">苏宁汽车</a>
                                    </p>
                                    <p>
                                        <a href="">排行榜</a>
                                    </p>
                                    <p>
                                        <a href="">医药馆</a>
                                    </p>
                                </dd>
                            </dl>
                        </li>
                        <li>
                            <dl>
                                <dt>生活助手</dt>
                                <dd>
                                    <p>
                                        <a href="">零钱宝</a>
                                    </p>
                                    <p>
                                        <a href="">手机充值</a>
                                    </p>
                                    <p>
                                        <a href="">转账还款</a>
                                    </p>
                                    <p>
                                        <a href="">约服务</a>
                                    </p>
                                    <p>
                                        <a href="">水电煤</a>
                                    </p>
                                    <p>
                                        <a href="">保险</a>
                                    </p>
                                    <p>
                                        <a href="">机票</a>
                                    </p>
                                    <p>
                                        <a href="">酒店</a>
                                    </p>
                                    <p>
                                        <a href="">工业品</a>
                                    </p>
                                </dd>
                            </dl>
                        </li>
                        <li>
                            <dl>
                                <dt>会员联盟</dt>
                                <dd>
                                    <p>
                                        <a href="">会员联盟</a>
                                    </p>
                                    <p>
                                        <a href="">延长保修</a>
                                    </p>
                                    <p>
                                        <a href="">易付宝</a>
                                    </p>
                                    <p>
                                        <a href="">苏宁理财</a>
                                    </p>
                                    <p>
                                        <a href="">苏宁金融</a>
                                    </p>
                                </dd>
                            </dl>
                        </li>
                        <li>
                            <dl>
                                <dt>更多热点</dt>
                                <dd>
                                    <p>
                                        <a href="">PP视频</a>
                                    </p>
                                    <p>
                                        <a href="">合作招商</a>
                                    </p>
                                    <p>
                                        <a href="">苏宁联盟</a>
                                    </p>
                                    <p>
                                        <a href="">用户体验</a>
                                    </p>
                                    <p>
                                        <a href="">苏宁云</a>
                                    </p>
                                    <p>
                                        <a href="">苏宁足球</a>
                                    </p>
                                    <p>
                                        <a href="">苏宁公益</a>
                                    </p>
                                    <p>
                                        <a href="">苏宁有货</a>
                                    </p>
                                </dd>
                            </dl>
                        </li>
                    </ul>
                </li>
                <li class="first_menu_li">
                    <a class="first_menu" href="">
                        商家入驻
                        <i class="fa fa-angle-down"></i>
                    </a>
                    <ul class="left_nav_secont_menu tenants">
                        <li class="spical_shop">
                            <dl>
                                <dd>
                                    <p>
                                        <a href="">合作招商</a>
                                    </p>
                                    <p>
                                        <a href="">服务市场</a>
                                    </p>
                                    <p>
                                        <a href="">金融中心</a>
                                    </p>
                                    <p>
                                        <a href="">培训中心</a>
                                    </p>
                                    <p>
                                        <a href="">易通天下</a>
                                    </p>
                                    <p>
                                        <a href="">规则中心</a>
                                    </p>
                                    <p>
                                        <a href="">规则众议院</a>
                                    </p>
                                </dd>
                            </dl>
                        </li>
                    </ul>
                </li>
                <li class="first_menu_li">
                    <a class="first_menu" href="">
                        客户服务
                        <i class="fa fa-angle-down"></i>
                    </a>
                    <ul class="left_nav_secont_menu customer_service">
                        <li class="spical_shop">
                            <dl>
                                <dd>
                                    <p>
                                        <a href="">苏宁帮客</a>
                                    </p>
                                    <p>
                                        <a href="">帮助中心</a>
                                    </p>
                                    <p>
                                        <a href="">退换/维修</a>
                                    </p>
                                    <p>
                                        <a href="">意见反馈</a>
                                    </p>
                                    <p>
                                        <a href="">30天包退</a>
                                    </p>
                                    <p>
                                        <a href="">省心购</a>
                                    </p>
                                    <p>
                                        <a href="">在线咨询</a>
                                    </p>
                                </dd>
                            </dl>
                        </li>
                    </ul>
                </li>

            </ul>
            <ul class="right_nav">
                <li class="common_nav_li right_nav_li please_login">
                    <a class="right_nav_word please_replace_login" href="../html/login.html">
                        请登录
                    </a>
                </li>
                <li class="common_nav_li nav_imp right_nav_li please_register">
                    <a class="right_nav_word " href="">
                        注册有礼
                    </a>
                </li>
                <li class="right_nav_li">
                    <a class="right_nav_word" href="">
                        我的订单
                        <i class="fa fa-angle-down"></i>
                    </a>
                    <ul class="right_nav_secont_menu my_order">
                        <li>
                            <dl>
                                <dd>
                                    <p>
                                        <a href="">待支付</a>
                                    </p>
                                    <p>
                                        <a href="">待收货</a>
                                    </p>
                                    <p>
                                        <a href="">待评价</a>
                                    </p>
                                    <p>
                                        <a href="">修改订单</a>
                                    </p>
                                </dd>
                            </dl>
                        </li>
                    </ul>
                </li>
                <li class="right_nav_li">
                    <a class="right_nav_word" href="">
                        我的易购
                        <i class="fa fa-angle-down"></i>
                    </a>
                    <ul class="right_nav_secont_menu easy_buy">
                        <li>
                            <dl>
                                <dt>
                                    <p>
                                        <img src="../img/tool-logo.png" alt="">
                                    </p>
                                    <a href="">请登录</a>
                                </dt>
                                <dd>
                                    <p>
                                        <a href="">我的消息</a>
                                    </p>
                                    <p>
                                        <a href="">我的关注</a>
                                    </p>
                                    <p>
                                        <a href="">我的金融</a>
                                    </p>
                                    <p>
                                        <a href="">苏宁会员</a>
                                    </p>
                                    <p>
                                        <a href="">我的任性付</a>
                                    </p>
                                    <p>
                                        <a href="">我的优惠券</a>
                                    </p>
                                </dd>
                            </dl>
                        </li>
                    </ul>
                </li>
                <li class="common_nav_li right_nav_li">
                    <a class="right_nav_word" href="">
                        苏宁会员
                    </a>
                </li>
                <li class="nav_imp shop_car right_nav_li">
                    <a class="right_nav_word" href="">
                        <i class="fa fa-shopping-cart"></i>
                        购物车
                        <span>0</span>
                        <i class="fa fa-angle-down"></i>
                        <ul class="right_nav_secont_menu shop_car shop_car_menu">
                            <li>
                                <dl>
                                    <dt>
                                        <p>
                                            <img src="../img/shop_car.png" alt="">
                                        </p>
                                    </dt>
                                    <dd class="shop_car_first_line">
                                        不要让您的购物车空着哦，快去逛逛吧
                                    </dd>
                                    <dd class="shop_car_second_line">
                                        如果您已添加过宝贝，那就赶紧登录查看吧
                                    </dd>
                                    <dd class="login_btn">
                                        <span>登录</span>
                                    </dd>
                                </dl>
                            </li>
                        </ul>
                    </a>
                </li>
                <li class="common_nav_li right_nav_li">
                    <a class="right_nav_word" href="">
                        易付宝
                    </a>
                </li>
                <li class="common_nav_li right_nav_li">
                    <a class="right_nav_word" href="">
                        企业采购
                    </a>
                </li>
                <li class="right_nav_li">
                    <a class="right_nav_word" href="">
                        手机苏宁
                        <i class="fa fa-angle-down"></i>
                    </a>
                    <ul class="right_nav_secont_menu mobile_suning">
                        <li>
                            <dl>
                                <dt>
                                    <p>
                                        <img src="../img/sn_download.jpg" alt="">
                                    </p>
                                </dt>
                                <dd>
                                    <p>
                                        扫一扫
                                    </p>
                                    <p>
                                        下载苏宁易购APP
                                    </p>
                                </dd>
                            </dl>
                            <dl>
                                <dt>
                                    <p>
                                        <img src="../img/sn_download.jpg" alt="">
                                    </p>
                                </dt>
                                <dd>
                                    <p>
                                        关注苏宁推客公众号
                                    </p>
                                    <p>
                                        自购省钱·分享赚钱
                                    </p>
                                </dd>
                            </dl>
                            <dl>
                                <dt>
                                    <p>
                                        <img src="../img/sn_download.jpg" alt="">
                                    </p>
                                </dt>
                                <dd>
                                    <p>
                                        扫一扫
                                    </p>
                                    <p>
                                        下载苏宁金融APP
                                    </p>
                                </dd>
                            </dl>
                            <dl>
                                <dt>
                                    <p>
                                        <img src="../img/sn_download.jpg" alt="">
                                    </p>
                                </dt>
                                <dd>
                                    <p>
                                        扫一扫
                                    </p>
                                    <p>
                                        关注苏宁易购服务号
                                    </p>
                                </dd>
                            </dl>
                        </li>
                    </ul>
                </li>
            </ul>
        </div>
    </nav>
    <!-- 详情页商家信息头部 -->
    <div class="details_header">
        <div class="details_header_center">
            <div class="details_header_left">
                <div class="details_logo">
                    <img src="../img//details_page_logo.png" alt="">
                </div>
                <div class="details_store">
                    <div class="store_name">
                        <a href="">雅特居家日用专营店</a>
                    </div>
                    <div class="store_grade">
                        <div class="store_star">
                            <span>服务体验</span>
                            <div class="star_num">
                                <i class="fa fa-star"></i>
                                <i class="fa fa-star"></i>
                                <i class="fa fa-star"></i>
                                <i class="fa fa-star"></i>
                                <i class="fa fa-star"></i>
                            </div>
                        </div>
                    </div>
                    <a class="contact_seller" href="javascript:void(0)">
                        <img src="../img/contact_saleller.gif" alt="">
                    </a>
                </div>
            </div>
            <div class="details_header_right">
                <div class="search_form">
                    <input class="details_header_search" type="text" placeholder="疯抢1000元大额券">
                    <button class="search_suning">搜易购</button>
                    <button class="search_this">搜本店</button>
                </div>
            </div>
        </div>
    </div>
    <!-- 商家信息宣传图 -->
    <div class="details_store_publicity">
    </div>
    <!-- 商家信息导航栏 -->
    <div class="details_store_nav">
        <div class="details_store_nav_center">
            <dl>
                <dt>
                    <span>本店所有商品</span>
                    <i class="fa navicon"></i>
                </dt>
                <dd></dd>
            </dl> 
            <ul>
                <li>
                    <a href="">首页</a>
                </li>
                <li>
                    <a href="">云南白药牙膏</a>
                </li>
                <li>
                    <a href="">冷酸宁</a>
                </li>
                <li>
                    <a href="">ABC卫棉</a>
                </li>
                <li>
                    <a href="">日子</a>
                </li>
                <li>
                    <a href="">套装组合</a>
                </li>
            </ul>
        </div>
    </div>
    <!-- 商品信息导航栏 -->
    <div class="goods_msg_nav">
        <div class="goods_msg_center">
            <div class="goods_navigation">
                <a href="">美发 染烫 口腔</a>
                <span class="fa fa-angle-right"></span>
                <a href="">口腔护理</a>
                <span class="fa fa-angle-right"></span>
                <a href="">牙膏</a>
                <span class="fa fa-angle-right"></span>
                <a href="">云南白药(YUNNAN BAIYAO)</a>
                <span class="fa fa-angle-right"></span>
                <a href="">云南白药(YUNNAN BAIYAO)牙膏</a>
            </div>
            <div class="goods_nav_right">
                <div class="store_name">
                    雅特居家日用专营店
                </div>
                <div class="service">
                    <img src="../img/header-contact-self.gif" alt="">
                    <span>联系客服</span>
                </div>
            </div>
        </div>
    </div>

    <!-- 详情部分 -->
    <div class="magnify_glass_container">

        <!-- 放大镜部分 -->
        <div class="container-magnifier">
            <div class="wrap-small-magnifier">
               
            </div>

            <div class="wrap-choice-magnifier">
              
            </div>
            <div class="wrap-big-magnifier">
                
            </div>
        </div>
        <!-- 放大镜部分结束 -->

        <!-- 商品信息详情部分 -->
        <div class="proinfo_main">
            <div class="proinfo_title">
                <h1>云南白药牙膏留兰香型180g减轻牙龈出血牙龈疼痛口气清新营养牙龈</h1>
                <h2>送牙刷一支｜正品保证｜减轻牙龈问题 </h2>
            </div>
            <div class="time_panel">
                <img src="../img/time_panel_img1.png" alt="">
                <span class="time_countdown">
                    <i class="active_icon"></i>
                    <span class="active_label">
                        距抢购结束
                    </span>
                    <div class="active_cd">
                        <div class="time_panel_day">
                            <i class="time_date"></i>
                            <span>天</span>
                            <i class="time_hour"></i>
                            <span>时</span>
                            <i class="time_minute"></i>
                            <span>分</span>
                            <i class="time_second"></i>
                            <span>秒</span>
                        </div>
                    </div>
                </span>
            </div>
            <div class="goods_information">
                <div class="red_envelope">
                    <div class="env_code">
                        <img class="env_bg" src="http://image2.suning.cn/uimg/cms/img/159883890888854112.gif" alt="">
                        <img class="env_code_two"
                            src="http://code.suning.cn/img/1_6050EBC1B4413E292FC65C85A1E4C02A.jpg?bizCode=k72jFN"
                            alt="">
                    </div>

                </div>
                <div class="goods_info_price_part">
                    <dl class="reference_price">
                        <!-- <dt>
                            <span>参考价</span>
                        </dt>
                        <dd>
                            <del>
                                <i>￥</i>
                                28.80
                            </del>
                        </dd> -->
                    </dl>
                    <dl class="activity_price">
                        <!-- <dt>
                            <span>活动价</span>
                        </dt>
                        <dd>
                            <span class="main_price">
                                <i>￥</i>
                                <b>26.</b>
                                <span>50</span>
                            </span>
                            <span class="trend_disc">
                                <img src="../img/lowestPrice-bg.png" alt="">
                                <span class="trend_price">116天内最低</span>
                            </span>
                        </dd> -->
                    </dl>
                    <dl class="super_vip_box">
                        <dt></dt>
                        <dd class="super_yz">
                            <span class="super_icon fa fa-pencil-square"></span>
                            <span class="super_word">加入会员，下单约返0.26元云钻</span>
                            <a href="">立即开通></a>
                        </dd>
                    </dl>
                </div>

            </div>
            <div class="evalluation_num">
                <a href="">
                    累计评价
                    <span>5.9万</span>
                </a>
            </div>
            <dl class="preferential">
                <dt>
                    <span>优惠</span>
                </dt>
                <dd>
                    <div class="discount_value">
                        <span>可参加以下优惠活动</span>
                    </div>
                </dd>
            </dl>
            <dl class="coupons_list">
                <dt></dt>
                <dd>
                    <div class="more_coupons">
                        <a href="">
                            <i class="coupons_border"></i>
                            <span>￥3</span>
                            <i class="bm"></i>
                            <span class="white_word">满59用3</span>
                            <i class="coupons_border_end"></i>
                        </a>
                        <a href="">
                            <i class="coupons_border"></i>
                            <span>￥3</span>
                            <i class="bm"></i>
                            <span class="white_word">满59用3</span>
                            <i class="coupons_border_end"></i>
                        </a>
                        <span class="click_more">
                            共2张优惠券>
                        </span>
                    </div>
                    <div class="blow_coupons">
                        <a class="coupon_bg" href=""></a>
                        <span>100%刮中券，最高50元无敌券</span>
                        <a class="now_blow" href="">
                            立即去刮奖 >
                        </a>
                    </div>
                </dd>
            </dl>
            <dl class="coupons_square">
                <dt></dt>
                <dd>
                    <div class="real_name">
                        <label>实名有礼</label>
                        <i class="triangle"></i>
                        <p class="promp_info">
                            <span class="desc">实名认证领苏宁支付券</span>
                            <a class="now_get" href="">立即领取 ></a>
                        </p>
                    </div>
                    <div class="cloud_drill">
                        <label>云钻</label>
                        <i class="triangle"></i>
                        <p class="promp_info">
                            <span class="desc">普通会员预计返1云钻</span>
                        </p>
                    </div>
                </dd>
            </dl>
            <div class="send_to">
                <dl>
                    <dt>
                        <span>送至</span>
                    </dt>
                    <dd>
                        <div class="city">
                            <div class="u_city">
                                <a class="u_city_togle" href="">
                                    北京东城区全区
                                    <b>有货</b>
                                    免运费，实际以提交订单页为准
                                </a>
                                <p class="pay_now">
                                    现在付款，尽快为您发货 由 <a href="">雅特居家日用专营</a> 店 从 长沙市 销售和发货，并提供售后服务
                                </p>
                                <p class="con_service">
                                    <img src="../img/header-contact-self.gif" alt="">
                                    <span>联系客服</span>
                                </p>
                            </div>
                        </div>
                    </dd>
                </dl>
            </div>
            <div class="goods_choose">
                <dl class="goods_style">
                    <dt>
                        <span>选择</span>
                    </dt>
                    <dd>
                        <div class="tips">
                            <a class="active" href="javascript:void(0)">
                                <img src="http://imgservice.suning.cn/uimg1/b2c/image/Si3AQ4YaYQlIhSjyI4MiZg.jpg_60w_60h_4e"
                                    alt="">
                                <span>65g</span>
                                <i></i>
                            </a>
                        </div>
                        <div class="tips">
                            <a href="javascript:void(0)">
                                <img src="http://imgservice.suning.cn/uimg1/b2c/image/Si3AQ4YaYQlIhSjyI4MiZg.jpg_60w_60h_4e"
                                    alt="">
                                <span>100g</span>
                                <i></i>
                            </a>
                        </div>
                        <div class="tips">
                            <a href="javascript:void(0)">
                                <img src="http://imgservice.suning.cn/uimg1/b2c/image/Si3AQ4YaYQlIhSjyI4MiZg.jpg_60w_60h_4e"
                                    alt="">
                                <span>120g</span>
                                <i></i>
                            </a>
                        </div>
                        <div class="tips">
                            <a href="javascript:void(0)">
                                <img src="http://imgservice.suning.cn/uimg1/b2c/image/Si3AQ4YaYQlIhSjyI4MiZg.jpg_60w_60h_4e"
                                    alt="">
                                <span>180g</span>
                                <i></i>
                            </a>
                        </div>
                    </dd>
                </dl>
                <dl class="goods_style goods_service">
                    <dt>
                        <span>增值服务</span>
                    </dt>
                    <dd>
                        <div class="tips">
                            <a class="active" href="javascript:void(0)">
                                <img src="https://uimgproxy.suning.cn/uimg1/ewop/portal/portalGroup20200714042631211.png"
                                    alt="">
                                <span>过期换新1年 ￥6.00</span>
                                <i></i>
                            </a>
                        </div>
                        <div class="tips">
                            <a href="javascript:void(0)">
                                <img src="https://uimgproxy.suning.cn/uimg1/ewop/portal/portalGroup20200714042631211.png"
                                    alt="">
                                <span>过期换新3月 ￥5.00</span>
                                <i></i>
                            </a>
                        </div>
                    </dd>
                </dl>
                <dl class="goods_style goods_number">
                    <dt>
                        <span>数量</span>
                    </dt>
                    <dd>
                        <button class="reduction"> - </button>
                        <input class="choose_value" type="text" value="1">
                        <button class="add">+</button>
                        <span class="product_limit">
                            起售
                            <i>1</i>
                            件,限购
                            <i>99</i>
                            件
                        </span>
                    </dd>
                </dl>
                <dl class="goods_style buy_btn">
                    <dt></dt>
                    <dd>
                       <a class="but_it_now" href="javascript:void(0);">立即购买</a>
                       <a class="add_to_shop_car" href="javascript:void(0);">
                           <i class="fa fa-shopping-cart"></i>
                           加入购物车
                       </a>
                    </dd>
                </dl>
            </div>
            <div class="warm_promt">
                <dl class="promt_for_you">
                    <dt>
                        <span>温馨提示</span>
                    </dt>
                    <dd>
                       <span>国家药监局提示您：化妆品不能宣称医疗作用，也没有治疗作用，宣称治疗儿童湿疹等皮肤病的产品不属于化妆品</span>
                    </dd>
                </dl>
                <dl class="promt_for_you service_for_you">
                    <dt>
                        <span>服务</span>
                    </dt>
                    <dd>
                       <span>
                           <img src="https://image.suning.cn/uimg/MLS/label/604463581112548910428810.png" alt="">
                           <a href="javascript:void(0)">极速退</a>
                       </span>
                       <span>
                        <img src="https://image.suning.cn/uimg/MLS/label/223356320877597601745700.png" alt="">
                        <a href="javascript:void(0)">7天无理由退货</a>
                    </span>
                    <span>
                        <img src="https://image.suning.cn/uimg/MLS/label/162355120915257751776166.png" alt="">
                        <a href="javascript:void(0)">贵就赔</a>
                    </span>
                    <span>
                        <img src="https://image.suning.cn/uimg/MLS/label/138862600058558533081450.jpg" alt="">
                        <a href="javascript:void(0)">享退货运费险</a>
                    </span>
                    </dd>
                </dl>
            </div>
        </div>

    </div>
    <!-- 商品信息详情部分结束 -->

     <!-- footer部分 -->
     @@include("../components/index_footer.html")
     <!-- copy部分 -->
     @@include("../components/index_copy.html")

    <script src="../js/libs/jQuery.min.js"></script>
    <script src="../js/details_page.js"></script>

</body>

</html>